$colorLinks: #444;
$colorLinksRoll: #999;
$colorBorde: #f0f0f0;
html, body{font-family: 'Lato', sans-serif;font-size: 14px;color: $colorLinks;height: 100%;}
body{background-color: #f6f6f6;}
.clear{clear: both;}
.noMr{margin-right: 0px !important}
h2{font-size:1.4em;color: $colorLinks;font-weight: 400;margin-top: 0px;}
p{font-size: 1em;color: $colorLinks;}
/*CLASES <P>*/
.light{/*font-weight: 300;*/}
.quote{font-style: italic;margin-bottom: 0px;}
.row.full-width {max-width: 100%;}


#menu-furer{margin-bottom: 20px;}
#menu-furer ul{list-style: none;}
#menu-furer ul li{float: left;}
#menu-furer ul li a{font-size: 1em;color: $colorLinks;}
#menu-furer ul li a:hover{color: $colorLinksRoll;}

/*BOTONERA WRAPPER*/
#botonera-wrapper{
    background-color:rgb(255,255,255);
    width: 100%;
    height:70px;
    -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.3);
    box-shadow:0px 0px 8px rgba(0,0,0,0.3);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#4d000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#4d000000,Positive=true);
    position: relative;
    z-index: 9999;
}

.logo{display: block;width:100%;height: 50px;margin-top: 15px;}

/*TOPNAV*/
.top-bar{background-color: #fff;height: 70px;margin-bottom: 1.1em;}
.top-bar a{font-size: 14px !important}
.top-bar.expanded{background: none repeat scroll 0 0 #fff !important;}
.top-bar.expanded .title-area{background: none repeat scroll 0 0 #fff !important;}

/*MEDIA QUERIES TOP NAV*/
@media (min-width: 940px) {
    .top-bar .name img{margin-top: 10px;width: 230px;height:50px;}
    .top-bar-section .right .dropdown li{}
    .top-bar-section .right li{border-left: 1px solid $colorBorde}
    .top-bar-section .right li a:not(.button){
        background: none;
        line-height: 70px;
        padding: 0 19px;
    }
    .top-bar-section .right li a{font-weight: 400;color: $colorLinks;}
    .top-bar-section .right li.active a{background-color: #fff;}
    .top-bar-section .right li a:hover{background-color: #f2f2f2;}
    .top-bar-section .right li{background-color: #fff;color: #000}
    .top-bar-section .right .dropdown li a{line-height: 40px;}
    .top-bar-section .right .dropdown li label{background-color: #ccc; color: $colorLinks}
    .top-bar-section .right .has-dropdown .dropdown li.has-dropdown > a:after{margin-top: -16px;}
    .top-bar-section .right .has-dropdown > a:after{border:none;margin-top: -3.5px;}
    .top-bar-section .has-dropdown > a{padding-right: 19px !important}
    .top-bar-section ul.right li .dropdown li .dropdown{left: 100% !important;right: auto !important;}
    .top-bar-section .right .has-dropdown .dropdown li.has-dropdown > a:after{display: none;}
}

/*TOP BAR MOBILE*/
@media (max-width: 940px) {
    .top-bar, .top-bar.expanded{z-index: 9999;}
    .top-bar .expanded{background-color: #fff !important;}
    .top-bar .expanded .title-area{background-color: #fff !important;}
    .top-bar, .top-bar.expanded{background-color: #fff;color: $colorLinks !important;min-height: 70px;}
    .top-bar.expanded .title-area{background-color: #fff}
    .top-bar-section ul{background-color: #fff}
    .top-bar-section .divider{
        border-bottom: 1px solid #eee;
        border-top: none;
    }
    .title-area{height: 70px;}
    .top-bar .toggle-topbar.menu-icon a{color: $colorLinks;}
    .top-bar .name{height: 70px;}
    .top-bar .name img{margin-top: 10px;width: 230px;height:50px;}
    .top-bar .name h1{line-height: 33px}
    .top-bar-section{background-color: #fff;}
    .top-bar-section ul li{background-color: #fff;color: #000}
    .top-bar-section ul li > a{background-color: #fff;color: $colorLinks;font-weight: 400;}
    .top-bar-section ul li.active a{background-color: #f2f2f2;}
    .top-bar-section ul li > a:hover{background-color: #f2f2f2;}
    .top-bar-section .dropdown li.title h5 a{color: $colorLinks;font-size: 0.7em}
    .top-bar-section .has-dropdown > a:after{border-color: transparent transparent transparent rgba(0, 0, 0, 0.5) !important}
    .top-bar .toggle-topbar.menu-icon{top: 0;right: 0px;padding: 20px;height: 100%;margin: 0px;}
    .top-bar .toggle-topbar.menu-icon a span{width: 22px;}
}


/*INFO BOX*/
.info-wrapper{border: 1px solid #eee;background-color: #fff;margin-bottom: 25px;}
.padding-content{padding: 20px;}
.info-wrapper hr{margin: 0px;border-color: #eee}
@media (min-width: 940px) {
    .info-wrapper{min-height: 978px;}
}
@media (max-width: 940px) {
    .info-wrapper{min-height: auto;}
}

/*FOOTER*/
#copyright{
    background-color: #fff;
    margin-top: 25px;
    padding:10px;
}
#copyright p{margin-bottom: 0px;font-size: 0.8em;margin-top: 4px}
#copyright ul{list-style: none;}
#copyright ul li{float:left;color: $colorLinks;margin-left: 15px}
#copyright ul li a{color: $colorLinks;font-size: 0.8em}
#copyright ul li a:hover{text-decoration: underline;color: $colorLinksRoll;}


/*PHOTOGRAPHY*/
.sub-cat-box{padding: 20px 20px 4px;}
.project-box{
    background-color:rgb(255,255,255);
    min-height: 191px;
    border: 1px solid rgb(238,238,238);
    margin-bottom: 25px;
}
.project-box img{width: 100%;}
.project-box img:hover{opacity: 0.9;}
.title-project{padding:10px;}
.title-project p{font-size: 1em;color: $colorLinks;margin: 0px;}

@media all and (max-width: 768px) {
    .sub-cat-box{min-height: auto}
}
@media all and (max-width: 480px) {
    .project-box{min-height: 50px}
}

/*CONTACTO*/
#contacto{
    background-color:rgb(255,255,255);
    border: 1px solid rgb(238,238,238);
    padding: 20px 0px;
    margin-top: 20px;
}
.data-wrapper{
    padding: 0px 20px;
}
#contacto .title{font-size: 1.428em;color: $colorLinks;font-weight: normal;}
#contacto p {font-weight: 300;}
#contacto p span {font-weight: 700}

#contacto label{margin-bottom: 5px;font-size: 1em;color: $colorLinks;}
#contacto input{
    background-color:rgb(255,255,255);
    min-height:31px;
}
#contacto textarea{}
#contacto .enviar{
    margin-bottom: 0px;
    background-color:rgb(238,238,238);
    height:40px;
    width: 100%;
    margin-top: 10px;
    border: 1px solid rgb(221,221,221);
}
#contacto .enviar:hover{
    background-color: #D0D0D0;
    color: #333;
}
#contacto label.error{display:none !important;}


/*GALERIA*/
.content_6{}
.images_container{}
.content_6 img{height: auto;float: left;padding: 0;margin: 0px 10px 10px 0;}

.gallery-info-box{
    background-color: white;
    min-height: 173px;
    width: 250px;
    float: left;
    border: 1px solid #eeeeee;
    margin-bottom: 25px;
    margin-right: 10px;
}

#galeria{overflow: hidden;}
@media (max-width: 940px) {
    .content_6 img{max-width: 100%;}
    .mCSB_container{max-width: 100% !important;}
    .gallery-info-box{
        width: 100%;
        margin-right: 0%;
    }
    #gallery-wrapper{
        width: 100%;
    }
    #photo-gallery {width: 100%;}
    #photo-gallery img{
        width: 100%;
        height: auto;
        float: none !important
    }
}

#gallery-footer{
    background-color: #fff;
    padding:0px;
    height: 60px;
    width: 100%;
    margin-top: 0.7em;
}
#gallery-footer .gallery-button{
    float: left;
    width: 60px;
    height: 60px;
    background-image: url('../content/img/arrows.png');
    background-repat: no-repeat;
    text-indent: -9999px;
}
#gallery-footer .gallery-button:hover{background-color: #f1f1f1}
#gallery-footer .prev-button{
    background-position: 0 0;
    border-left: 1px solid $colorBorde;
}
#gallery-footer .next-button{
    background-position: 58px 0;
    border-left: 1px solid $colorBorde;
}
@media (max-width: 940px) {
    #gallery-footer .gallery-button{
        float: left;
        width: 60px;
        height: 60px;
        background-image: url('../content/img/arrows-down-up.jpg');
        background-repat: no-repeat;
        text-indent: -9999px;
    }
    #gallery-footer .prev-button{
        background-position: 0 0;
        border-left: 1px solid $colorBorde;
    }
    #gallery-footer .next-button{
        background-position: 58px -60px;
        border-left: 1px solid $colorBorde;
    }
}

/*MENU PROYECTOS GALERIA*/
.project-nav{
    height: 60px;
    border-right: 1px solid $colorBorde;
}
.project-nav:hover{background-color: #f2f2f2}

.project-nav ul{list-style: none;margin: 0px;padding: 0px;position: relative}
.project-nav > ul{height: 100%;width: 100%;}
.project-nav > ul >li{
    height: 100%;
    width: 100%;
}

.project-nav ul .has-sub{}
.project-nav ul li{
    float: left;
    min-height: 1px;
    vertical-align: middle;
}
.project-nav ul li a{color: $colorLinks;display: block;width: 100%;height: 100%;}
.project-nav > ul > li > a{padding: 20px;}
.project-nav ul li:hover{
    position: relative;
    z-index: 599;
    cursor: default; 
}

.project-nav ul ul{
    background-color: #fff;
    visibility: hidden;
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 598;
    width: 100%;
}
.project-nav ul ul li{float: none;}
.project-nav ul ul li a{display:block;width: 100%; height: 100%;padding: 10px;}
.project-nav ul ul ul{bottom: 0;left: 100%;}
.project-nav ul li:hover > ul{visibility: visible;background-color: #fff}


.project-nav ul .has-sub li:hover > a {position: relative;visibility: visible;background-color: #f2f2f2;}



/*ABOUT*/
.about-wrapper{min-height: 600px}
.clients-wrapper{min-height: auto !important}
.about-wrapper .clients-list{list-style:none;margin-bottom: 0px;}
.about-wrapper .clients-list li{}
.about-wrapper .clients-list p{/*font-weight: 300;*/color: $colorLinks;font-size: 1em;margin-bottom: 0px;}

/*LINK GT*/
.link-gt{color: #444;}
.link-gt:hover{color: #A3D900;text-decoration: underline;}

/*LOADER SLIDER*/
.backstretch{
    background-image: url('../content/img/loading.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#main-gallery img {
    display: none;
}